@model SecurityGuard.ViewModels.LogOnViewModel
@{
    ViewBag.Title = "Login";
}
<!DOCTYPE html>
<html>
<head>
    <title>CMSF Login</title>
    
    <!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
    <link href="@Url.Content("~/Content/Login.css")" rel="stylesheet" />
    <script type="text/javascript" src="@Url.Content("~/Scripts/Login.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Scripts/jquery-1.10.2.min.js")"></script>
    <script src="@Url.Content("~/Content/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Content/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
</head>
<body>
    <div class="container">
        <div class="flat-form">
            <ul class="tabs">
                <li>
                    <a class="active">Login</a>
                </li>
            </ul>
            <div id="login" class="form-action show">
                <h1>CMSF</h1>
                <br />
                <br />
                @using (Html.BeginForm("Login", "Login", new { returnUrl = Request.QueryString["ReturnUrl"] }))
                {
                    @Html.AntiForgeryToken()
                    @Html.ValidationSummary(true)
                    <ul>
                        <li>
                            @Html.TextBoxFor(model => model.UserName, new { placeholder = "User Name"})
                            @*<input type="text" placeholder="UserName" />*@
                        </li>
                        <li>
                            @Html.PasswordFor(model => model.Password, new { placeholder = "Password" })
                            @*<input type="password" placeholder="Password" />*@
                        </li>
                        <li>
                            <input type="submit" value="Login" class="button" />
                        </li>
                    </ul>
                }
            </div>
        </div>
    </div>
    <script class="cssdeck" src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
</body>
</html>
